<template>
  <div>
    <div class="footer">
      <div class="footer_nav">
        <ul>
          <li>首页</li>
          <li>关于港记</li>
          <li>产品目录</li>
          <li>品牌招商</li>
          <li>新闻资讯</li>
          <li>购物商城</li>
          <li>账户详情</li>
        </ul>
      </div>
      <div class="footer_big">
        <span
          >© 厦门一分地餐饮管理有限公司 版权所有 | 闽ICP备18001492号-1 |
        </span>
        <span>Designed by 品智互动</span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
    
};
</script>

<style lang="scss" scoped>
.footer {
  width: 100%;
  height: 83px;
  background-color: #2a2a2a;
  font-size: 13px;
  .footer_nav {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    padding-top: 20px;
    ul {
      display: flex;
      li {
        color: #b7b7b7;
        line-height: 22px;
        letter-spacing: 2px;
        margin: 0 10px;
        cursor: pointer;
      }
    }
  }
  .footer_big {
    display: flex;
    justify-content: center;
    color: #b7b7b7;
    padding-top: 7px;
    font-size: 1px;
    margin-left: -28px;
    span:last-child {
      color: #dd3333;
      margin-left: 2px;
      cursor: pointer;
    }
  }
}
</style>